// 购物车数量
plates = JSON.parse(localStorage.getItem("hisplate"))//取
$(".amount").text(function () {
    if (localStorage.quantity !== undefined) {
        return `(${localStorage.quantity})`
    }
})

$(function () {
    $(".cart-tabs li").click(function () {
        // console.log($(this))
        $(this).attr('class', 'active').siblings().attr('class', '');

        // $(".switch").attr('class','').siblings().attr('class','switch')

    })
    // 切换商品
    $(".active1").click(function () {
        $(".switch1").css("display", "none")
        $(".switch2").css("display", "block")
    })
    $(".active2").click(function () {
        $(".switch2").css("display", "none")
        $(".switch1").css("display", "block")
    })

})


$(function () {
    $("body").on("click", ".icon-select", function () {
        // console.log($(this).parent());
        $(".icon-select").addClass("icon-select1")

    });
})
$(function () {
    $("body").on("click", ".icon-select1", function () {
        // console.log($(this).parent());
        $(".icon-select").removeClass("icon-select1")
    });


    $("body").on("click", ".ico-minus", function () {
        $(this).parent().parent().children().eq(1).val(Number($(this).parent().parent().children().eq(1).val()) + 1);
        var numb = $(this).parent().parent().children().eq(1).val();
        var OrderPrice = $(this).parent().parent().parent().parent().children().eq(4).children().eq(1).text();
        var amountofmoney = numb * OrderPrice
        // console.log($(".input-sm").val())
    })
    $("body").on("click", ".ico-add", function () {
        if ($(this).parent().parent().children().eq(1).val() > 1) {
            $(this).parent().parent().children().eq(1).val(Number($(this).parent().parent().children().eq(1).val()) - 1);
        }
        var numb = $(this).parent().parent().children().eq(1).val();
        var OrderPrice = $(this).parent().parent().parent().parent().children().eq(4).children().eq(1).text();
        var amountofmoney = numb * OrderPrice
        console.log(amountofmoney);
        // console.log($(".input-sm").val())
    })

    $("body").on("click", ".delBtn", function () {
        alert("确认要删除该商品吗？")
        var text = $(this).parent().parent().children().eq(2).text()
        let plates = JSON.parse(localStorage.getItem("hisplate"))
        let sum = 0
        for (let i of plates) {
            sum++
            if (i.tite == text) {
                plates.splice(sum - 1, 1)
                localStorage.setItem("hisplate", JSON.stringify(plates));
                $(this).parent().parent().remove()
            }
        }
    })
})













$(function () {
    $.ajax({
        // type: "method",
        url: "../json/recommend.json",
        success: function (result) {
            for (let i of result.data) {
                // console.log(i)
                $(".AlsBuy").append(`
                <div class="grid-panel">
                    <img src="./image/${i.img}" alt="">
                    <div class="grid-item">
                        <div class="grid-panell">
                            <a href="">${i.name}</a>
                        </div>
                        <div class="pride1">
                            <span>¥ </span>
                            <span>${i.pride}</span>
                        </div>
                        <div class="operate">
                            <a class="add-cart git">加入购物车</a>
                        </div>
                    </div>
               
                </div>
                
                `)
            }
        }
    });


    $("body").on("click", ".add-cart", function () {
        var a = $(this).parent().parent().children().eq(1).children().eq(1).text();
        var b = $(this).parent().parent().parent().children().eq(0)[0].src;
        $("body .bd").append(`
        <ul class="bd1">
            <li class="selecter">
                <i class="icon-select"></i>
            </li>
            <li class="Insert-picture">
                <img src="${b}" alt="" class="InsertPicture">
            </li>
            <li class="product">
                <span></span>
                <span></span>
            </li>
            <li class="market-price">
                <s>
                <span class="price-sign">¥</span>
                <span class="price-num">455</span>
                </s>
            </li>
            <li class="order-price">
                <span class="price-sign">¥</span>
                <span class="price-num">${a}</span>
                <input type="hidden" name="jrPrice" value="145">
            </li>
            <li class="num1">
                <div class="input-num">
                <a href="#">
                    <i class="ico-add ico-yq">-</i>
                </a>
                <input type="text" class="form-control input-sm" name="cpsl" value="1" maxlength="3">
                <a href="#">
                    <i class="ico-minus ico-yq">+</i>
                </a>
                </div>
            </li>
            <li class="operate">
            <a href="javascript:void(0)" class="delBtn">删除</a><br>
            <a href="javascript:void(0)" class="collectBtn">移到我的收藏</a>
            </li>
        </ul>
        `)
    });
})

// 从缓存中遍历数据
plates = JSON.parse(localStorage.getItem("hisplate"))//取缓存
for (const i of plates) {
    $("body .bd").append(`
        <ul class="bd1">
            <li class="selecter">
                <i class="icon-select"></i>
            </li>
            <li class="Insert-picture">
                <img src="../json/json_img/${i.img}" alt="" class="InsertPicture">
            </li>
            <li class="product">${i.tite}</li>
            <li class="market-price">
                <s>
                <span class="price-sign">¥</span>
                <span class="price-num">${eval(i.now.match(/\d+/) * 1.5)}</span>
                </s>
            </li>
            <li class="order-price">
                <span class="price-num">${i.now}</span>
                <input type="hidden" name="jrPrice" value="145">
            </li>
            <li class="num1">
                <div class="input-num">
                <a href="#">
                    <i class="ico-add ico-yq">-</i>
                </a>
                <input type="text" class="form-control input-sm" name="cpsl" value="1" maxlength="3">
                <a href="#">
                    <i class="ico-minus ico-yq">+</i>
                </a>
                </div>
            </li>
            <li class="operate">
            <a href="javascript:void(0)" class="delBtn">删除</a><br>
            <a href="javascript:void(0)" class="collectBtn">移到我的收藏</a>
            </li>
        </ul>
    `)
}

// 计算一共有多少件商品
var kong = null
clearInterval(kong)     //清空定时器
kong = setInterval(function () {
    var sum = []
    for (const i of $(".input-sm")) {
        // 遍历每一个数量加入sum数组
        sum.push(Number(i.value))
    }
    // 前一个数加后一个数直到加上最后一个
    var sums = sum.reduce(function (x, y) {
        return x + y;
    });
    // 存入缓存
    localStorage.quantity = sums
}, 2000)




